<template>
	<view>
		<view class="title">请使用微信扫描二维码进行注册</view>
		<view class="block">
			<text>我的邀请码：44813</text><text>复制</text>
		</view>
		<image src="../../../static/user/code.png" class="code"></image>
		<view class="btns">
			<view><image src="../../../static/user/smallcode.png"></image>保存二维码</view>
			<view><image src="../../../static/user/wetchat.png"></image>分享给好友</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	page {
	    // background-image: url('https://919admin.71.dianchuiguan.com.cn/assets/img/mini/5f5ada10809e9b42b3dac64a6f1a34e.png');
	    background-size: 100% 100%;
	    background-repeat: no-repeat;
	    background-position: center center;
	}
	.title{
		width: 100%;
		text-align: center;
		font-size: 30rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #FFFFFF;
		line-height:42rpx;
		margin: 0 auto;
		margin-top: 74rpx;
	}
.block{
	width: 373rpx;
	height: 60rpx;
	background:rgba(255, 255, 255, 0.5);
	border-radius: 30rpx 30rpx 30rpx 30rpx;
	margin: 0 auto;
	margin-top:26rpx;
   line-height: 60rpx;
   font-size: 26rpx;
   font-family: PingFang SC-Medium, PingFang SC;
   font-weight: 500;
   display: flex;
   justify-content: space-between;
   text:first-child{
	   color: #FFFFFF;
	   padding-left: 20rpx;
   }
   text:last-child{
	   width: 95rpx;
	   height: 50rpx;
	   display: inline-block;
	   background: #FFFFFF;
	   border-radius: 30rpx 30rpx 30rpx 30rpx;
	   font-size: 26rpx;
	   font-family: PingFang SC-Bold, PingFang SC;
	   font-weight: bold;
	   color: #FF3B06;
	   line-height:50rpx;
	   text-align: center;
	   margin:5rpx;
   }
}
.code{
	width: 682rpx;
	height: 682rpx;
	display: block;
	margin: 0 auto;
	margin-top: 64rpx;
}
.btns{
	width: 570rpx;
	height: auto;
	margin: 0 auto;
	margin-top: 130rpx;
	display: flex;
	justify-content: space-between;
	view{
		width: 270rpx;
		height: 82rpx;
		border-radius:50rpx;
		font-size: 30rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		
		line-height:82rpx;
	}
	view:first-child{
		background-color: #FFFFFF;
		color: #333333;
	}
	view:last-child{
		background:linear-gradient(to bottom,#FFDE74,#FB9A1E);
		color: #FFFFFF;
		
	}
	image{
		width: 36rpx;
		height: 36rpx;
		display: inline-block;
		margin: 25rpx 10rpx auto 40rpx;
		float: left;
	}
}
</style>
